{extend name="public/base" /}
{block name="css"}
<style>

  .menu {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #959697;
  }

  .active {
    color: #000000;
  }

  .about-content {
    flex: .7;
    background-image: url('https://ujia-img.oss-cn-shenzhen.aliyuncs.com/changehome/about/mobile/YDbj.png');
    background-size: cover;
    padding-bottom: 60px;
  }

  .contact-content {
    display: none;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid">

</section>
{/block}
{block name="js"}
<script>
  $('#nav').find('ul > li').eq(5).addClass('nav-active');
  $("#nav").scrollLeft(65*5);

  const code = getQueryString('code');

  fetch(`http://127.0.0.1:7001/web?code=${code}`).then(response => response.json())
      .then(data => console.log(data))
      .catch(e => console.log("Oops, error", e))

  function getQueryString(name){
      const reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      const r = window.location.search.substr(1).match(reg);
      if(r!=null)return  unescape(r[2]); return null;
  }
</script>
{/block}